// 对axios 做二次封装
// 1.设置基地址
// 2.封装一个通用的函数来请求
import axios from 'axios'
const instance = axios.create({
  baseURL: 'http://pcapi-xiaotuxian-front-devtest.itheima.net',
  timeout: 5000 // 最长等待时间
})
// 请求拦截器： 加(注入)token
instance.interceptors.request.use(
  config => {
    // console.log('store', store)
    // // import store from '@/store'
    // // const token = store.state.user.profile.token
    // if (token) {
    //   // 设置请求头
    //   // config.headers.Authorization = `Bearer ${token}`
    // }

    return config
  },
  error => {
    console.log(error) // for debug
    return Promise.reject(error)
  }
)
// 响应拦截器
instance.interceptors.response.use(
  response => response.data, // 请求成功
  error => {
    // if (error.response.status === 401) {
    //   console.log('token错误')
    //   // 1. 清空本地个人信息
    //   store.commit('user/setUser', {})
    //   // .vue -- this.$route.fullPath
    //   //  .js -- router.currentRoute: 是ref数据，要加.value
    //   // .fullPath: 完整的path（参查询参数的）
    //   // 2. 跳到登录页
    //   router.push('/login?return_url=' + encodeURIComponent(router.currentRoute.value.fullPath))
    // }
    return Promise.reject(error)
  }
)
// 定义一个函数来发请求
// 使用的方式
// request('地址',请求方式,本次请求携带的参数)
const request = (url, method, queryData) => {
  return instance({
    url,
    method,
    //  属性名前后添加[] 表示动态的属性名 [里可以写表达式]
    // method.toLowerCase()  转换成小写再来判断
    [method.toLowerCase() === 'get' ? 'params' : 'data']: queryData
  })
}
export default request
